<template>
    <van-tabs v-model="active" type="line"  background=#eee title-active-color="#ee0a24" animated sticky offset-top="54" swipeable>
      <van-tab title="单曲列表"><MusicSearchMusics :value="value" :songs="songs" /> </van-tab>
      <van-tab title="专辑列表"> <MusicSearchAlbum :songs="songs" /></van-tab>
      <van-tab title="歌手列表"><MusicSearchSinger :songs="songs" /> </van-tab>
    </van-tabs>
</template>

<script>
import MusicSearchMusics from "./search_musics.vue";
import MusicSearchAlbum from "./search_album.vue";
import MusicSearchSinger from "./search_singer.vue";
export default {
  name: "MusicSearchResult",
  components: {
    MusicSearchAlbum,
    MusicSearchMusics,
    MusicSearchSinger,
  },
 props: {
 // 第一种写法，直接写类型
 value:[String, Number,Object,Array],
 // 第二种写法，写对象
 songs: {
  type: [String, Number,Object,Array],
  default: ''
 }},
  data() {
    return {
      active: 0,
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
</style>